<template>

  <!--  子组件 使用 `$emit` 方法触发自定义事件-->
  <button @click="$emit('sonEmitEvent','这是子组件$emit传递的参数')">这是子组件的$emit按钮</button>
  <br>
  <br>
  <button @click="buttonClick('这是子组件defineEmits传递的参数')">这是子组件的defineEmits按钮</button>


</template>

<script setup>
// 子组件可以显式地通过 defineEmits() 宏来声明它要触发的事件
const emit = defineEmits(['sonDefineEmitsEvent', 'otherEvent'])

function buttonClick(msg) {
  emit('sonDefineEmitsEvent',msg)
}
</script>

<style scoped>

</style>